<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>系统登录</title>
    <link rel="stylesheet" href="/static/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="/static/font-awesome-4.7.0/css/font-awesome.css">
    <style>
        .app{
            display: block;
            width:100%;
            height: 100%;
            background-image: url("/static/images/admin/1.jpg");
            background-repeat: no-repeat;
            background-size: 100% 100%;
            position: absolute;
            left:0;
            top:0;
            z-index: -1;
            transition: all .3s;
        }
    </style>
</head>
<body>
<div class="container-fluid app"></div>
<div class="container">
    <form action="/admin/admin?action=login" method="post">
    <h3>管理登录</h3>
    账号：<input type="text" placeholder="账号/手机号" name="account"><br>
    密码：<input type="password" name="passwd"><br>
    验证码：<input type="text" name="checks">
        <img src="/admin/captcha" alt="验证码" title="点击换一张" onclick="this.src='/admin/captcha?'+new Date()">
        <br>
        <input type="submit" value="登录">
    </form>
</div>



<script src="/static/jquery/jquery.js"></script>
<script src="/static/bootstrap/js/bootstrap.bundle.js"></script>
<script src="/static/bootstrap/js/bootstrap.js"></script>

<#noparse>
    <script>
        let age = 18;
        let name = "李四";
        let info = `姓名是${name}，年龄是${age}岁。`;
        console.log(info);
    </script>
</#noparse>
<script>
    $(function(){
        $(document).on('contextmenu',function(){return false;})
        $(window).resize(function(){
          $('.app').height($(document).height());
        })
        $('.app').height($(document).height());

        function bg(){
        let index = Math.round(Math.random()*12)+1;
        $('.app').css("background-image","url(/static/images/admin/"+index+".jpg)");
        }
        bg();
        setInterval(bg,2000);
    });
</script>
</body>
</html>